.scroll_main {
  display: table;
  /*
  * 适合左右菜单，内容自适应满屏 超出部分进行滚动
  */
  & > .scroll_left {
    display: table-cell;
    min-width: 250px;
    vertical-align: top;
    :global {
      .ant-card .ant-card-body {
        padding: 0px;
      }
    }
  }
  & > .scroll_content {
    width: 100%;
    display: table-cell;
    vertical-align: top;
    padding-left: 8px;
    :global {
      .ant-card .ant-card-body {
        padding: 0px;
      }
    }
  }
}

/**
* 左右或左中右，初始高度为满屏高度，超出高度撑开,所有模块以最高高度为基准
*/
.main {
  display: table;
  padding: 0px 8px;
  & > .left,
  .content,
  .right {
    display: table-cell;
    vertical-align: top;
    background: #fff;
    border: 1px solid #e8e8e8;
    :global {
      .ant-card-bordered {
        border: 0;
      }
    }
  }
  & > .left {
    min-width: 250px;
    position: relative;
    right: 8px;
  }
  & > .content {
    width: 100%;
  }
  & > .right {
    min-width: 250px;
    position: relative;
    left: 8px;
  }
}

.menu {
  .menu_search {
    padding: 16px 16px 0px 16px;
  }
  .menu_tree {
    margin: 0px 16px;
    .menu_tree_edit {
      padding-left: 8px;
      visibility: hidden;
      .icon {
        padding-right: 8px;
      }
      .icon:hover {
        color: #1890ff;
      }
    }
  }
  :global {
    .ant-tree li .ant-tree-node-content-wrapper:hover .ant-tree-title > span > span:nth-child(2) {
      visibility: visible;
    }
  }
}

.right_scroll_content {
  padding: 16px 0px;
}
.right_content {
  margin: 0px 16px;
}

.icon_hover:hover {
  color: #1890ff;
}
